<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>Document</title>
</head>
<body>
    <div class="login-contained">
        <div class="login-box" >
            <div class="login-box-contained">
                <h1 class="interface-title">培训课程管理</h1>
                <!--            form表单提交用户名和密码-->
                <form action="https://baidu.com" method="post" enctype="multipart/form-data" class="input-box">
                    <div>
                        <label for="userName" class="userName" >
                            <span class="userNameWords">用户名</span>
                            <input type="text" name="userName" id="userName" placeholder="请输入你的姓名" required>
                        </label>
                    </div>

                    <div>
                        <label for="password" class="password">
                            <span class="passwordName">密&nbsp;&nbsp;&nbsp;&nbsp;码</span>
                            <input type="password" name="password" id="password" placeholder="请输入密码" required>
                        </label>

                    </div>
                    <div>

                        <fieldset>

                            <div>
                                <input type="radio" id="students" name="userType" value="students">
                                <label for="students">学生登录</label>
                            </div>
                            <div>
                                <input type="radio" id="teacher" name="userType" value="teacher">
                                <label for="teacher">老师登录</label>
                            </div>
                            <div>
                                <input type="radio" id="manger" name="userType" value="manger">
                                <label for="manger">管理员登录</label>
                            </div>
                        </fieldset>
                    </div>
                    <div>
                        <button class="confirm"><a href="student-index.html">登录</a></button>
                        <button class="confirm"><a href="signin.html">注册</a></button>
                    </div>

                </form>
            </div>

        </div>

    </div>
</body>
</html>